<template>
  <a-card class="content" :bordered="false">
    <div class="table_caozuo">
      <template v-for="(item,index) in btn">
        <a-button :key="index" @click="handler(index)" v-if="item.isShow">{{item.title}}</a-button>
      </template>
      <span>{{ '已选择 '+number+' 项' }}</span>
      <a-button type="link" @click="clearSelection">清空</a-button>
    </div>
    <a-table
      rowKey="id"
      :columns="toBeSubmittedColumns"
      :dataSource="loadData"
      :pagination="pagination"
      :loading="loading"
      @change="handleTableChange"
      :row-selection="{ selectedRowKeys: selectedRowKeys ,onChange: onSelectChange }"
      :scroll="{ x:1720}"
    >
    <el-image
        slot="img"
        slot-scope="fs"
        style="width: 50px; height: 50px"
        :src="fs"
        :preview-src-list="[fs]"
      ></el-image>
      <span slot="action">
        <template>
          <a-button type="link">编辑</a-button>
        </template>
      </span>
    </a-table>
  </a-card>
</template>

<script src='./toBeSubmitted.js'></script>

<style lang="less">
.content {
  & > .ant-card-body {
    padding: 0;
    padding-top: 8px;
  }
}
</style>